<template>
  <commonLeftRightFlex
    class="organizationStructurePage"
    leftWidth="300px"
    rightBackgroundColor="#fff"
  >
    <div class="left" slot="left">
      <div>{{ "自定义左侧内容" }}</div>
    </div>
    <div class="right" slot="right">
      <div>{{ "自定义右侧内容" }}</div>
    </div>
  </commonLeftRightFlex>
</template>
<script>
import commonLeftRightFlex from "./index.vue";
export default {
  name: "LeftRightFlex",
  components: {
    commonLeftRightFlex,
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
.organizationStructurePage {
  padding: 16px;
  box-sizing: border-box;
  background: #f1f1f1;
}
</style>
